import Vue from 'vue'
import Vuex from 'vuex'

// 需要安装持久化插件 vuex-persistedstate    cnpm i vuex-persistedstate -S
import persist from 'vuex-persistedstate' // 作用： 用户刷新页面的时候，数据会保持

Vue.use(persist) // 使用
Vue.use(Vuex)

export default new Vuex.Store({
    state: { // vuex 存数据的地方   可以类比成组件里边的data
        List: [],
        Lists: []
    },
    mutations: { // 改变数据的地方
        changList(state, val) {
            state.list.forEach((item, index) => {
                if (item == val) {
                    state.list.splice(index, 1)
                }
            })
            state.list.unshift(val)
            if (state.list.length > 5) {
                state.list.pop(1)
            }
        },
        changLists(state, val) {
            state.Lists = val
        }
    },
    getters: { // 可以类比计算属性
    },
    actions: {},
    modules: {},
    plugins: [
        persist()
    ]
})
